<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="../public/css/bootstrap.css">
  <link rel="stylesheet" href="../public/css/header.css">
  <link rel="stylesheet" href="../public/css/body.css">
  <link rel="stylesheet" href="../public/css/footer.css">
  <script src="../public/js/jquery.min.js"></script>
  <script src="../public/js/popper.min.js"></script>
  <script src="../public/js/bootstrap.min.js"></script>
  <title>Document</title>
  <style></style>
</head>

<body>

    <div class="ck-footer bg-white">
        <div class="container">
          <!-- 折叠帮助 -->
          <div class="ck-help mt-2 mb-2">
            <div class="lt">
              <div class="ck-card card">
                <button class="btn btn-block text-left border-0  pb-1 pt-1" data-target="#one" data-toggle="collapse">帮助中心</button>
                <div id="one" data-parent="#lt" class="collapse">
                  <!-- 折叠内容 -->
                  <div class="row">
                    <div class="col-lg-2 col-6 text-center mt-2">
                      <img src="../public/img/footer/footer-icon.png" alt=""><span>购物指南</span>
                      <ul class="list-unstyled">
                        <li>
                          <a href="#">购物流程</a>
                        </li>
                        <li>
                          <a href="#">蛋糕尺寸</a>
                        </li>
                      </ul>
                    </div>
                    <div class="col-lg-2 col-6 text-center mt-2">
                      <img src="../public/img/footer/footer-icon.png" alt=""><span>订购范围</span>
                      <ul class="list-unstyled">
                        <li>
                          <a href="#">地图查询</a>
                        </li>
                        <li>
                          <a href="#">团购业务</a>
                        </li>
                      </ul>
                    </div>
                    <div class="col-lg-2 col-6 text-center mt-2">
                      <img src="../public/img/footer/footer-icon.png" alt=""><span>公司服务</span>
                      <ul class="list-unstyled">
                        <li>
                          <a href="#">北京门店</a>
                        </li>
                        <li>
                          <a href="#">官网营业资质</a>
                        </li>
                      </ul>
                    </div>
                    <div class="col-lg-2 col-6 text-center mt-2">
                      <img src="../public/img/footer/footer-icon.png" alt=""><span>企业招聘</span>
                      <ul class="list-unstyled">
                        <li>
                          <a href="#">觅心招聘</a>
                        </li>
                        <li>
                          <a href="#">田园招聘</a>
                        </li>
                      </ul>
                    </div>
                    <div class="col-lg-2 col-6 text-center mt-2">
                      <img src="../public/img/footer/footer-icon.png" alt=""><span>售后服务</span>
                      <ul class="list-unstyled">
                        <li>
                          <a href="#">投诉渠道</a>
                        </li>
                        <li>
                          <a href="#">客服中心</a>
                        </li>
                        <li>
                            <a href="#">加盟维权</a>
                          </li>
                      </ul>
                    </div>
                    <div class="col-lg-2 col-6 text-center mt-2">
                     <span>友情链接</span>
                      <ul class="list-unstyled">
                        <li>
                          <a href="#">天猫官网</a>
                        </li>
                        <li>
                          <a href="#">百度</a>
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!-- 底部版权 -->
          <div class="ck-copy clearfix row">
            <div class="l col-lg-4 col-12">
              <p>Copyright2010 ©北京市好利来食品有限公司 版权所有</p>
              <p>好利来 中国创造 since1992 请勿相信任何加盟信息 </p>
              <p>邮箱:***@163.com</p>
              <p>客服电话：400-**-***</p>
            </div>
            <div class="m col-lg-4 col-12">
              <p><a href="#">京icp备***号 </a><img src="../public/img/footer/copy.png" alt="">
                <a href="#">京公网安备 ***号</a></p>
            </div>
            <div class="r col-lg-4 col-12">
              <p class="mb-2 text-right">关注我们</p>
              <div class="box position-relative">
                  <img src="../public/img/footer/wx-icon.png" alt="">
                     <div class="ck-wx card position-absolute">
                        <div class="card-header p-0 text-center pt-2 pb-2">微信关注我们</div>
                        <img src="../public/img/footer/wxm-icon.png" alt="" class="card-img-top p-2">
                      </div> 
                </div>
            </div>
          </div>
        </div>
      </div>
</body>

</html>